//定义搜索组件
var Search = React.createClass({
    //点击搜索按钮，获取input内容，搜索
    goToSearch:function () {
        // console.log(this.refs.searchInput);
        //获取input元素
        var inp = this.refs.searchInput;
        //获取值
        var val = inp.value;
        // 设置值，必须通过元素来设置
        inp.value = 'KevinLEO'
        console.log(val);
    },
    //定义渲染方法
    render : function () {
        var content = {
            __html : '<a href="#" ' +
            'style="color: #666666 ;text-decoration: none;' +
            'display: inline-block;width: 35px;font-size:12px;' +
            'text-align: center ;position: relative;left: 7px;top: 7px;"> 高级搜索</a>'
        };

        return(
            <div className="search">
                <input ref="searchInput" type="text" defaultValue="Kevin" placeholder="我是加绒"/>
                <span className="go-search" onClick={this.goToSearch}>搜索</span>
                <span className="super-search" dangerouslySetInnerHTML={content}></span>
            </div>
        )
    }
});
ReactDOM.render(<Search></Search>,app)